@charset "utf-8";
/*http://www.webdesignbooth.com/step-by-step-to-create-content-slider-using-jflow-a-minimalist-jquery-plugin/*/
#jFlowSlide {
	font-family: Georgia;
}

#myController {
	font-family: Georgia;
	padding: 2px 0;
	position: absolute;
	float: right;
	bottom: 30px;
	left:520px;
}

#myController span.jFlowSelected {
	background: #8a0000;
	margin-right: 0px;
}

#td_slides {
	position: relative;
	width:700px; 
	margin-right:10px;
}

#slides {
	width: 100%;
	position: relative;
}

.slide-wrapper {
	width: 100%;
}

.slide-thumbnail {
	float: left;
}

.slide-thumbnail img {
	width: 100%;
	height: 245px;
	width:669px;
}

.slide-details {
	width: 100%;
	height: 25px;
	background-color: #8a0000;
	padding-left: 15px;
	padding-top: 3px;
	bottom: 0px;
	position: absolute;
}

.slide-details a,.slide-details a:visited,.slide-details a:hover {
	color: #FFF;
	font: 14px "幼圆";
	font-weight: bold;
	line-height:25px;
}

.jFlowControl,.jFlowPrev,.jFlowNext {
	color: #FFF;
	cursor: pointer;
	padding: 4px;
	margin-left: 4px;
	background-color: #4d4d4d;
}

.jFlowControl:hover,.jFlowPrev:hover,.jFlowNext:hover {
	background: #43A0D5;
}